import emCheckbox from './checkbox.vue';

export default {
  title: 'Example/checkbox',
  component: emCheckbox,
  argTypes: {
    pseudoElementBackgroundColor:{ control: 'color' },
    // type: { control: { type: 'select', options: ["default", "primary", "danger"] } },
    // size: { control: { type: 'select', options: ["small", "normal", "large"] } },
    // text:'按钮',
    

  },
};



const Template = (args, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { emCheckbox },
  template: '<emCheckbox  v-bind="$props" >一个普通的多选框</emCheckbox>',
});

export const checkbox = Template.bind({});

checkbox.args={
  styleObj:{
    //多选边框颜色   边框角度样式对象  多选框内部背景颜色
    border: "1px solid #1890ff",
    borderRadius: "0px",
    backgroundColor: "skyblue",
    width:'12px',
    height:'12px',
}
}
